body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}

/*top*/
.header { width:100%; height:70px; margin:0 auto; background:#fff; position:relative; z-index:999999;}
.header .logo { float:left; height:50px; margin:10px auto;}
.header .logo img { display:block; height:100%;}

/*导航*/
.nav { float:right;}
.nav .line { width:1px; height:10px; margin-top:38px; background:#ddd;}
.nav li { float:left; height:70px; line-height:40px; text-align:center; position:relative;}
.nav li a { display:block; padding:0 30px; font-size:15px; color:#333;}
.nav li i { display:block; width:0px; height:1px; margin:20px auto 0 auto; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li span { display:block; font-size:12px; text-transform:Uppercase; letter-spacing:0px;}
.nav li:hover,.nav .on { background:#2d9f7e;}
.nav li:hover a,.nav li:hover span,.nav .on a,.nav .on span { color:#fff; font-weight:bold;}
.nav li:hover i,.nav .on i { width:15px;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:100%; position:absolute; top:70px; left:0; background-color:rgba(45,159,126,0.6);}
.nav li ul::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:0 10px 7px 10px; border-color:transparent transparent #fff transparent; line-height:0px; _border-color:#000 #000 #fff #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; top:-7px; left:0; right:0;}
.nav li li { float:none; margin:0 auto; height:40px; line-height:40px; border-bottom:1px solid #2d9f7e;}
.nav li:hover li a { color:#fff; font-size:12px; font-weight:500; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li li a:hover { color:#fff;}
.nav li:hover li:hover { background-color:#42a288;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:9;}
.banner .hd { width:100%; text-align:center; position:absolute; bottom:40px; z-index:2;}
.banner .hd li { display:inline-block; width:13px; height:13px; border-radius:13px; margin:0 8px; overflow:hidden; background:#fff;}
.banner .hd .on { width:40px; background:#f6a825;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; margin-top:20px; padding-top:30px; background:#f5f5f5;}
.footer .fot_l { float:left;}
.footer .fot_l li { float:left; padding-right:40px; margin-right:40px; border-right:1px solid #e8e8e8;}
.footer .fot_l li a { display:block; width:100%; line-height:35px; color:#666;}
.footer .fot_l li h3 { margin-bottom:10px;}
.footer .fot_l li h3 a { line-height:normal; font-size:14px; color:#42a288;}
.footer .tel_ewm { float:right; width:110px; margin-left:30px; line-height:40px; font-size:14px; color:#666; text-align:center;}
.footer .tel_ewm img { display:block; width:110px; height:110px;}
.footer .coprt { padding:20px 0; margin-top:20px; text-align:center; color:#fff; line-height:25px; background:#42a288;}
.footer .coprt a { color:#fff;}

.footer .sitecode { width:100px; margin:10px auto 0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*在线客服*/
.c_meau{ width:211px; height:380px; position:fixed; bottom:-380px; right:10px; z-index:9999; display:none;}
.c_meau .f-l { width:125px; float:left; display:inline;}
.c_meau .f-l h4{ width:100%; height:61px; background:url(../images/online/online20-7.png) no-repeat; color:#81511c; font-size:16px; line-height:22px; text-align:center; padding:8px 0; font-weight:bold;}
.c_meau .fl_o { background:#f8f8f8; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o { color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fl_o_o img { max-width:90%;}
.c_meau .f-r {  display:inline; float:right;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:8px; cursor:pointer;}
.c_meau{ height:auto; bottom:-400px; display:block;}
.c_meau .fl_o_o dd { line-height:22px;}
.c_meau .fl_o{ margin:-16px 0 -11px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}
@media screen and (max-device-width: 1366px){
.c_meau{ margin-left:470px; z-index:100;}
}

/************************************************ 首页代码 （多余不用请删除） start*****************************************************/
/**栏目标题**/
.title { border-bottom:1px dashed #bbb; padding-top:60px; margin-bottom:40px;}
.title .msg { float:left; width:120px; text-align:center; letter-spacing:2px;}
.title .msg h3 { width:100%; height:30px; line-height:30px; font-weight:500; font-size:16px; color:#333; border:1px solid #bbb; box-sizing:border-box; position:relative;}
.title .msg h3::before,.title .msg h3::after { display:block; content:""; width:2px; height:15px; background:#47a57f; position:absolute; top:5px;}
.title .msg h3::before { left:-1px;}
.title .msg h3::after { right:-1px;}
.title .msg span { font-size:12px; color:#888; text-transform:Uppercase; letter-spacing:1px; line-height:25px;}
.title a { float:right; font-size:14px; height:25px; line-height:25px; margin-top:25px; font-weight:bold; color:#f6a825; padding-right:10px; background:url(../images/zy_04.png) no-repeat right center;}

/*关于我们*/
.about { width:100%; padding-bottom:35px;}
.about .mesg { float:left; width:630px; height:225px; line-height:25px; font-size:14px; color:#333; margin-top:60px; text-indent:2em; overflow:hidden;}
.about .vide { float:right; width:440px; height:260px; border:3px solid #42a288; position:relative;}
.about .vide .invideo { width:480px; height:285px; position:absolute; right:30px; top:30px;}

/*新闻中心*/
.news { width:100%;}
.news li { float:left; width:380px; margin-right:30px;}
.news li a { display:block; width:100%;}
.news li .img { width:380px; height:190px; overflow:hidden;}
.news li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li h3 { border-left:2px solid #42a288; font-size:18px; color:#333; height:20px; line-height:20px; margin:10px 0; padding-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li p { font-size:14px; color:#666; line-height:22px;}
.news li span { display:block; width:95px; height:30px; line-height:30px; font-size:14px; text-align:center; background:#42a288; color:#fff; margin-top:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li:hover img { transform:scale(1.2, 1.2);}
.news li:hover h3 { color:#42a288;}
.news li:hover span { background:#f6a825;}

/*产品中心*/
.product { width:100%; padding-bottom:55px;}
.product li { float:left; width:280px; margin-right:26px;}
.product li a { display:block; width:100%;}
.product li .img { width:280px; height:130px; overflow:hidden;}
.product li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product li h3 { font-size:14px; color:#333; font-weight:500; line-height:30px; text-align:center; margin:10px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product li span { display:block; width:80px; height:25px; line-height:25px; font-size:14px; text-align:center; background:#42a288; color:#fff; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product li:hover img { transform:scale(1.2, 1.2);}
.product li:hover h3 { color:#42a288;}
.product li:hover span { background:#f6a825;}

/************************************************ 首页代码 （多余不用请删除） end*****************************************************/
/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.pub_nav { width:100%; line-height:50px; background:#f4f6f9;}
.pub_nav li { float:left; padding:0 23px; background:#e4e4e4; margin-right:2px;}
.pub_nav li a { display:block; width:100%; color:#333; font-size:14px;}
.pub_nav li:hover,.pub_nav .hov { background:#42a288;}
.pub_nav li:hover a,.pub_nav .hov a { color:#fff;}
.pub_nav .posit { float:right; text-align:left; color:#666;}
.pub_nav .posit a { color:#666;}
.content { width:1200px; margin:0 auto 80px auto;}

/*栏目名称*/
.n_title { border-bottom:1px solid #f0f0f0; position:relative; margin:50px auto;}
.n_title h1 { color:#4b4b4c; display:block; text-align:center; font-size:20px; font-weight:500;}
.n_title b { display:block; text-align:center; color:#606061; font-size:12px; padding:5px 0 15px 0; text-transform:uppercase;}
.n_title i { display:block; position:absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height:2px; background:#f6a825;}

/*详情页公用*/
.lh { font-size:14px; line-height:28px;}
.show_h3 { font-size:26px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin:20px auto 30px auto; color:#333;}
.time_click { font-size:12px; text-align:center; color:#999; line-height:50px;}
.show_sxp { padding:20px 40px; clear:both; font-size:14px; line-height:50px; color:#666; background:#f8f8f8; margin-top:40px;}
.show_sxp p { float:left; text-align:left; width:50%;}
.show_sxp .text_r { text-align:right;}
.show_sxp a { color:#42a288;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #ddd; padding:5px 10px; margin-right:10px; color:#999;}
.scott a:hover { border:1px solid #42a288; text-decoration:none; color:#42a288;}
.scott .current { border:1px dashed #42a288; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#42a288;}
.scott .disabled { border:1px dashed #42a288; padding:5px 15px; color:#42a288; margin-right:10px;}

/*新闻列表*/
.new_list { width:100%;}
.new_list li { float:left; width:380px; margin:0 30px 50px 0;}
.new_list li a { display:block; width:100%;}
.new_list li .img { width:380px; height:190px; overflow:hidden;}
.new_list li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.new_list li h3 { border-left:2px solid #42a288; font-size:18px; color:#333; height:20px; line-height:20px; margin:10px 0; padding-left:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.new_list li p { font-size:14px; color:#555; line-height:22px;}
.new_list li span { display:block; width:95px; height:30px; line-height:30px; font-size:14px; text-align:center; background:#42a288; color:#fff; margin-top:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.new_list li:hover img { transform:scale(1.2, 1.2);}
.new_list li:hover h3 { color:#42a288;}
.new_list li:hover span { background:#f6a825;}

/*产品列表*/
.pro_list { width:100%;}
.pro_list li { float:left; width:280px; margin:0 26px 30px 0;}
.pro_list li a { display:block; width:100%;}
.pro_list li .img { width:280px; height:130px; overflow:hidden;}
.pro_list li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pro_list li h3 { font-size:14px; color:#333; font-weight:500; line-height:30px; text-align:center; margin:10px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pro_list li span { display:block; width:80px; height:25px; line-height:25px; font-size:14px; text-align:center; background:#42a288; color:#fff; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pro_list li:hover img { transform:scale(1.2, 1.2);}
.pro_list li:hover h3 { color:#42a288;}
.pro_list li:hover span { background:#f6a825;}

/*图片*/
.pic_list { width:100%;}
.pic_list li { float:left; width:380px; margin:20px 29px 10px 0; background:#f8f8f8; padding-bottom:15px;}
.pic_list li a { display:block; width:100%;}
.pic_list li img { display:block; width:380px; height:200px;}
.pic_list li span { display:block; padding:10px 15px 0 15px; color:#999; line-height:30px;}
.pic_list li p { padding:0 15px; font-size:16px; color:#333; font-weight:500; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pic_list li:hover { background:#eee;}
.pic_list .soft { padding:5px 15px 0 15px; line-height:30px;} 
.pic_list .soft span { float:left; width:50%; padding:0; font-size:14px;}
.pic_list .soft span i { font-style:normal;}
.pic_list .soft a { float:right; width:80px; border:1px solid #42a288; color:#42a288; text-align:center; font-size:12px; border-radius:15px; overflow:hidden;}
.pic_list li:hover .soft a { background:#42a288; color:#fff;}

/*联系我们单独页面*/
.n_contact { padding-top:40px; width:100%;}
.n_contact .info { padding-top:15px; padding-bottom:30px; color:#666; text-align:center; font-size:14px;}
.n_contact .info b { margin-top:15px; display:block; font-size:24px; color:#333;}
.n_contact .info img { margin-top:15px;}
.n_contact .upbox { margin-bottom:40px; border:1px solid #dbdbdb;}
.n_contact .upbox .text_box { width:500px; padding:45px 20px; float:left;}
.n_contact .upbox .text_box .box { background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; line-height:30px; color:#333; padding-left:25px;}
.n_contact .map { border:1px solid #dcdcdc;}
.n_contact .ewm_box { float:right; display:block; width:210px; margin-top:20px; border-left:1px solid #dbdbdb;}
.n_contact .ewm_box .box span { display:block; margin-top:8px; color:#666; text-align:center; font-size:12px;}
.n_contact .ewm_box img { display:block; margin:0 auto; width:115px; height:115px;}